import * as React from "react";
import { observer } from "mobx-react";
import { Row, Col, Menu } from "antd";
import { WeaInputNumber, WeaCheckbox, WeaSelect,WeaLocaleProvider } from "ecCom";
import HuobiFormatterStore from "../FormatterSettingDialog";
const getLabel = WeaLocaleProvider.getLabel;
export interface IHuobiFormatter {
    store: HuobiFormatterStore;
}
@observer
export default class HuobiFormatter extends React.Component<IHuobiFormatter, {}> {
    render() {
        const { store } = this.props;
        const { countryType, dateFormatterType, onClickDateType, selectDateType } = store;
        return (
            <div>
                
               
                <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@lb5csi`} className="edcreport-formatter-common">
                    <label>{getLabel('526848','类型:') }</label>
                </Row>
                <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@t9ivnb`} className="edcreport-formatter-common">
                    <div className="edcreport-datetype-list-wrapper">
                        <Menu ecId={`${this && this.props && this.props.ecId || ''}_Menu@kdlfrs`}
                            onClick={onClickDateType}
                            selectedKeys={[selectDateType]}
                        >
                            {dateFormatterType.map(menu => (
                                <Menu.Item ecId={`${this && this.props && this.props.ecId || ''}_undefined@loo6ky@${menu.key}`} key={menu.key} className="edc-report-valuetypeitem">
                                    <span>{menu.showname}</span>
                                </Menu.Item>
                            ))}
                        </Menu>
                    </div>
                </Row>
                <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@ne7vex`} className="edcreport-formatter-date">
                    <label>{getLabel('526847','区域设置（国家/地区）：') }</label>
                </Row>
                <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@344oay`} className="edcreport-formatter-common">
                    <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@5v7grq`}
                        style={{ width: 200 }}
                        options={countryType}
                        value={'china'}
                        
                        //showSearch={true}
                        //optionFilterProp="children"
                        //onChange={onChangeHuobiType}
                    />
                </Row>
            </div>
        );
    }
}